<template>
  <guat-page-layout title="创建活动">
    <template #actions>
      <guat-button-group
        :buttons="[
          {
            text: '返回',
            internal: $config.$button.PLO,
            onClick: $router.back,
          },
          {
            text: '暂存',
            internal: $config.$button.OLR,
            onClick: handleOnTemporaryStore,
          },
          {
            text: '创建活动',
            internal: $config.$button.PLR,
          },
        ]"
      />
    </template>
    <div class="flex flex-col gap-4">
      <a-card title="基本信息" :bordered="false">
        <guat-base-info-form layout="vertical" />
      </a-card>
      <a-card title="活动封面" :bordered="false">
        <a-upload list-type="picture-card" image-preview />
      </a-card>
    </div>
  </guat-page-layout>
</template>

<script setup lang="ts">
import { createActivityFormItemConfig } from "../form-config";

const { success } = useMessage();
const [GuatBaseInfoForm] = useForm(createActivityFormItemConfig);

const handleOnTemporaryStore = () => {
  success("暂存成功");
};
</script>

<style scoped></style>
